<template>
	<view>
		<view class="">
			<view class="m-h1" style="text-align: center;">
				核对定制信息
			</view>
			<view class="" @tap="toBack()">
				<image class="nav-margin-back-img" src="../../static/back.png" mode="widthFix"></image>
			</view>
		</view>	
		<view class="nav-margin-top" style="display: flex;">
			<view class="nav-list">
				<view class="nav-list-bottom-active-t"  style="margin-top: 20rpx;">
					类型
				</view>
				<view style="position: relative;top: -7rpx;">
					<view style="display: flex; justify-content: center;">
						<view class="nav-list-icon-active-t">
						</view>
					</view>
				</view>
			</view>
			
			<view class="nav-list">
				<view class="nav-list-bottom-active-t"  style="margin-top: 20rpx;">
					规格
				</view>
				<view style="position: relative;top: -7rpx;">
					<view style="display: flex; justify-content: center;">
						<view class="nav-list-icon-active-t">
						</view>
					</view>
				</view>
			</view>
			
			<view class="nav-list">
				<view class="nav-list-bottom-active-t"  style="margin-top: 20rpx;">
					配送
				</view>
				<view style="position: relative;top: -7rpx;">
					<view style="display: flex; justify-content: center;">
						<view class="nav-list-icon-active-t">
						</view>
					</view>
				</view>
			</view>
			
			<view class="nav-list">
				<view class="nav-list-bottom-active"  style="margin-top: 20rpx;">
					结算
				</view>
				<view style="position: relative;top: -7rpx;">
					<view style="display: flex; justify-content: center;">
						<view class="nav-list-icon-active">
						</view>
					</view>
				</view>
			</view>
			
			
		</view>
		<view class="" style="margin-top: 20rpx;margin-bottom: 36rpx;">
			<image style="width: 750rpx;height: 560rpx;" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/bancai-1.png" mode="widthFix"></image>
		</view>
		<view class="content">
			<view class="">
				<view class="m-h2">产品信息</view>
				<view class="m-p-mini"></view>
				<view class="e-bottom-font" style="display: flex;justify-content: space-between; margin-top: 36rpx;">
					<view class="m-font-md">定制类型</view>
					<view class="m-font-md-black">常规砌块</view>
				</view>
				<view class="e-bottom-font" style="display: flex;justify-content: space-between;">
					<view class="m-font-md">规格（长x宽x高）</view>
					<view class="m-font-md-black">2700mmx600mmx150mm</view>
				</view>
				<view class="e-bottom-font" style="display: flex;justify-content: space-between;">
					<view class="m-font-md">产品等级</view>
					<view class="m-font-md-black">B05A3.5</view>
				</view>
				<view class="e-bottom-font" style="display: flex;justify-content: space-between;">
					<view class="m-font-md">构造要求</view>
					<view class="m-font-md-black">T形槽</view>
				</view>
				<view class="e-bottom-font" style="width: 654rpx;height: 2rpx;background-color: #A9A9A9;">
				</view>
			</view>
			
			<view class="">
				<view class="m-h2">结算信息</view>
				<view class="m-p-mini"></view>
				<view class="e-bottom-font" style="display: flex;justify-content: space-between; margin-top: 36rpx;">
					<view class="m-font-md">购买总量</view>
					<view class="m-font-md-black">40m³</view>
				</view>
				<view class="e-bottom-font" style="display: flex;justify-content: space-between;">
					<view class="m-font-md">商品单价</view>
					<view class="m-font-md-black">¥100.0/m³</view>
				</view>
				<view class="e-bottom-font" style="display: flex;justify-content: space-between;">
					<view class="m-font-md">定金比例</view>
					<view class="m-font-md-black">60%，提货支付尾款</view>
				</view>
				<view class="e-bottom-font" style="width: 654rpx;height: 2rpx;background-color: #A9A9A9;">
				</view>
			</view>
			
			<view class="">
				<view class="m-h2">物流信息</view>
				<view class="m-p-mini"></view>
				<view class="e-bottom-font" style="display: flex;justify-content: space-between; margin-top: 36rpx;">
					<view class="m-font-md">运输方式</view>
					<view class="m-font-md-black">物流运输</view>
				</view>
				<view class="e-bottom-font" style="display: flex;justify-content: space-between;">
					<view class="m-font-md">目的地</view>
					<view class="m-font-md-black">≦100km,长兴县</view>
				</view>
				<view class="e-bottom-font" style="display: flex;justify-content: space-between;">
					<view class="m-font-md">托盘配送</view>
					<view class="m-font-md-black">厂家配送</view>
				</view>
				<view class="e-bottom-font" style="display: flex;justify-content: space-between;">
					<view class="m-font-md">喷涂方式</view>
					<view class="m-font-md-black">无空气喷涂</view>
				</view>
			</view>
		</view>
		<view class="e-bottom-font" style="width: 750rpx;height: 16rpx;background-color: #F9F9FC;">
		</view>
		<view class="content">
			<view class="">
				<view class="m-h2">定制结算</view>
				<view class="m-p-mini"></view>
				<view class="e-bottom-font" style="display: flex;justify-content: space-between; margin-top: 36rpx;">
					<view class="m-font-md">定制总价</view>
					<view class="e-p-font">¥4000.00</view>
				</view>
				<view class="e-bottom-font" style="display: flex;justify-content: space-between;">
					<view class="m-font-md">预付定金（60%）</view>
					<view class="e-p-font">¥2800.00</view>
				</view>
				<view class="e-bottom-font" style="display: flex;justify-content: space-between;">
					<view class="m-font-md">运输费用</view>
					<view class="e-p-font">¥200.00</view>
				</view>
				<view class="e-bottom-font" style="width: 654rpx;height: 2rpx;background-color: #A9A9A9;">
				</view>
				<view class="e-bottom-font" style="display: flex;justify-content: space-between;">
					<view class="e-p-font-h2">立即下单支付</view>
					<view class="e-p-font-n">¥3000.00</view>
				</view>
			</view>
		</view>
		
		<view @click="toIndex" class="o-2-box" style="background-color: #C4C7D4;width: 50rpx;height: 50rpx;border-radius: 50%;display: flex;justify-content: center;">
			<image style="width: 30rpx;height: 30rpx;position: relative;top:10rpx" src="../../static/index-1.png" mode=""></image>
		</view>
		
		<view class="o-bottom" style="display: flex;">
			<view>
				<button @tap="toList()"  type="default" style="width: 375rpx;height: 96rpx;">
					<text  class="o-font-6" style="position: relative;top30rpx">加入清单</text>
					
					</button>
			</view>
			<view >
				<button @click="toPay()" class="" type="default" style="background-color: #1B4098; width: 375rpx;height: 96rpx;">
					<text class="o-font-7" style="position: relative;top30rpx">立即支付</text>
					</button>
				</view>
			</view>
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			toIndex:function(){
				uni.switchTab({
					url:'../index/index'
				})
			},
			toPay:function(){
				uni.navigateTo({
					url:'../order-1/order-1'
				})
			},
			toBack:function(){
				console.log(1)
				uni.navigateBack({
					delta: 1 //返回上一级页面
				})
			},
			toList:function(){
				uni.navigateTo({
					url:'../order-4/order-4'
				})
			}
		}
	}
</script>

<style scoped lang="less">
@import url("../enact-1/enact-1.less");
@import url("panel-4.less");
@import url("../../style.less");
</style>
